<!-- Contribute Section -->
<section id="contribute" class="section contribute-section">
    <div class="container">
        <div class="section-header">
            <h2 class="section-title">Join the Community</h2>
            <p class="section-subtitle">
                AllBeAPI is open source and thrives with community contributions
            </p>
        </div>
        
        <div class="contribute-grid">
            <div class="contribute-content">
                <div class="contribute-cards">
                    <div class="contribute-card">
                        <div class="contribute-icon">🐛</div>
                        <h3>Report Issues</h3>
                        <p>Found a bug or have a feature request? Let us know on GitHub Issues.</p>
                        <a href="https://github.com/TingjiaInFuture/allbeapi/issues" target="_blank" class="btn btn-outline">
                            Report Issue
                        </a>
                    </div>
                    
                    <div class="contribute-card">
                        <div class="contribute-icon">🔀</div>
                        <h3>Submit Pull Requests</h3>
                        <p>Contribute code, fix bugs, or add new features to make AllBeAPI better.</p>
                        <a href="https://github.com/TingjiaInFuture/allbeapi/pulls" target="_blank" class="btn btn-outline">
                            Create PR
                        </a>
                    </div>
                    
                    <div class="contribute-card">
                        <div class="contribute-icon">📖</div>
                        <h3>Improve Documentation</h3>
                        <p>Help us write better docs, tutorials, and examples for the community.</p>
                        <a href="docs/contributing.html" class="btn btn-outline">
                            Contribute Docs
                        </a>
                    </div>
                    
                    <div class="contribute-card">
                        <div class="contribute-icon">🌟</div>
                        <h3>Star the Project</h3>
                        <p>Show your support by starring the repository on GitHub.</p>
                        <a href="https://github.com/TingjiaInFuture/allbeapi" target="_blank" class="btn btn-outline">
                            ⭐ Star on GitHub
                        </a>
                    </div>
                </div>
            </div>
            
            <div class="contribute-stats">
                <div class="stats-card">
                    <h3>Project Stats</h3>
                    <div class="github-stats">
                        <div class="stat-item">
                            <span class="stat-label">GitHub Stars</span>
                            <span class="stat-value" id="github-stars">-</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">Contributors</span>
                            <span class="stat-value" id="github-contributors">-</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">Forks</span>
                            <span class="stat-value" id="github-forks">-</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">Open Issues</span>
                            <span class="stat-value" id="github-issues">-</span>
                        </div>
                    </div>
                </div>
                
                <div class="ways-to-help">
                    <h4>Ways to Help</h4>
                    <ul>
                        <li>🔧 Add support for new libraries</li>
                        <li>📝 Write tutorials and guides</li>
                        <li>🐛 Test and report bugs</li>
                        <li>💡 Suggest new features</li>
                        <li>🌍 Translate documentation</li>
                        <li>📣 Spread the word</li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="community-highlight">
            <div class="highlight-card">
                <div class="highlight-header">
                    <div class="highlight-icon">🎉</div>
                    <h3>Join Our Growing Community</h3>
                </div>
                <p>
                    AllBeAPI is more than just a library - it's a community of developers working together 
                    to simplify the development experience. Whether you're a beginner or an expert, 
                    your contributions are welcome and appreciated.
                </p>
                <div class="community-actions">
                    <a href="https://github.com/TingjiaInFuture/allbeapi/discussions" target="_blank" class="btn btn-primary">
                        💬 Join Discussions
                    </a>
                    <a href="docs/contributing.html" class="btn btn-secondary">
                        📋 Contribution Guide
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
